<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./index.css">
    <title>前端面试题</title>
</head>

<body>
    <div class="box">
        <div class="left">
            <div class="logo">
                <h2>A2</h2>
            </div>
            <div class="menu"></div>
        </div>
        <div class="right">
            <div class="top1">
                <img class="foldBtn" src="./assets/arcoDesign-menu-fold uP3HPts.svg" alt="">
                <div class="welcome">欢迎进入管理台</div>
                <div class="gobook">内部系统使用手册></div>
                <img class="time-icon" src="./assets/iconPark-schedule FzGAu6i.svg">
                <div class="time">授课日程</div>
                <img class="export-icon" src="./assets/iconPark-inbox-r hwMJtVe.svg">
                <div class="export">导入/导出任务</div>
                <img class="avatar-icon" src="./assets/头像 f6cdRIi@1x.png">
                <div class="avatar">泡泡侠</div>
            </div>
            <div class="top2">
                <div class="home">首页</div>
                <div class="nav">导航页名</div>
            </div>
            <div class="content">
                <div class="content-box">
                    <div class="btnbox">
                        <button class="btn">按订单汇总</button>
                        <button class="btn"><a href="./blank.html">按商品汇总</a></button>
                        <button class="btn"><a href="./blank.html">按客户汇总</a></button>
                        <button class="btn"><a href="./blank.html">按日汇总</a></button>
                    </div>
                    <div class="inpbox">
                        <input class="inp" type="text" name="" id="code" placeholder="销售编码">
                        <input class="inp" type="text" name="" id="cname" placeholder="供应商名称">
                        <input class="inp" type="text" name="" id="gname" placeholder="商品名称">
                        <input class="inp" type="text" name="" id="oname" placeholder="商品别名">
                        <select class="inp" placeholder="商品分类">
                            <option value="商品分类">商品分类</option>
                        </select>
                        <input class="inp" type="text" name="" id="price" placeholder="商品单位">
                        <input class="inp" type="text" name="" id="status" placeholder="单据状态">
                    </div>
                    <div class="inpbox2">
                        <div class="timer">
                            <div class="time-logo"><img src="./assets/antOutline-up Copy A9lV8DI@1x.png" alt=""></div>
                            <div class="time-start">创建开始时间</div>
                            <div style="color: black;">至</div>
                            <div class="time-end">创建结束时间</div>
                        </div>
                        <div class="do-btn">
                            <button class="search" onclick="createTableData();">查询</button>
                            <button class="reset" onclick="reset()">重置</button>
                        </div>
                    </div>
                    <hr class="line">
                    <div class="outbox">
                        <img src="./assets/mb-export AaQAPbm@1x.png" alt="">
                        <div class="out">导出</div>
                    </div>
                    <div class="tablebox">
                        <table class="table">
                            <tr>
                                <td>采购编码</td>
                                <td>供应商名称</td>
                                <td>商品名称</td>
                                <td>商品别名</td>
                                <td>商品分类</td>
                                <td>商品单位</td>
                                <td>采购单价</td>
                                <td>采购数量</td>
                                <td>入库数量</td>
                                <td>采购重量</td>
                                <td>采购金额</td>
                                <td>单据状态</td>
                                <td>创建时间</td>
                            </tr>
                        </table>
                    </div>
                    <div class="page">
                        <img src="./assets/分页器2 fNa9BQe@1x.png" alt="">
                    </div>
                </div>

            </div>
        </div>
    </div>
    <script src="./index.js"></script>
</body>

</html>